@media(min-width:768px) {
    .boxTitle {
        text-align: center;
        font-size: 12px;
    }

    .box-title {
        font-weight: bold;
        color: black;
    }
    .boxValue {
        margin-bottom: 0px;
        padding-bottom: 0px;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        white-space: nowrap;
        padding: 0;
    }

    .boxFooter {
        font-size: 8px;
        margin-top: 0px;
        text-align: center;
    }

    .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        position: relative;
        min-height: 1px;
        padding-right: 5px;
        padding-left: 5px;
    }

    /*
        Finished Lot INP_Overview--START
    */
    #divYieldGroupChart, #divLossRatioChart {
        height: 450px;
    }

    #divYieldGroupChartSub1, #divLossRatioChartSub1 {
        height: 180px;
    }

    #divYieldGroupChartSub2, #divLossRatioChartSub2 {
        height: 270px;
    }
    /*
        Finished Lot INP_Overview--END
    */
}

@media(min-width:1200px) {
    .boxTitle {
        text-align: center;
        font-size: 22px;
        font-weight: 500;
    }

    .box-title {
        font-weight: bold;
        color: black;
    }

    .boxValue {
        margin-bottom: 0px;
        padding-bottom: 0px;
        text-align: center;
        font-size: 25px;
        font-weight: bold;
        white-space: nowrap;
        padding: 0;
    }

    .boxFooter {
        font-size: 14px;
        margin-top: 0px;
        text-align: center;
    }

    /*
        Finished Lot INP_Overview--START
    */

    #divYieldGroupChart, #divLossRatioChart {
        height: 580px;
    }

    #divYieldGroupChartSub1, #divLossRatioChartSub1 {
        height: 200px;
    }

    #divYieldGroupChartSub2, #divLossRatioChartSub2 {
        height: 380px;
    }
    /*
        Finished Lot INP_Overview--END
    */
}

#ulNavPill > li.active > a, #ulNavPill > li.active > a:focus, #ulNavPill > li.active > a:hover {
    background-color: transparent;
    text-decoration: underline;
    border: 0px;
    color: black;
    font-weight: bold;
    cursor: pointer;
}

#ulNavProType > li.active > a, #ulNavProType > li.active > a:focus, #ulNavProType > li.active > a:hover {
    background-color: transparent;
    text-decoration: underline;
    border: 0px;
    color: black;
    font-weight: bold;
    cursor: pointer;
}

.with-border.box-header {
    border-bottom: 0px;
}

#ulNavPill li {
    float: right;
}

#pageType {
    text-transform: capitalize;
}

.ulNavChangeGroup > li.active > a, .ulNavChangeGroup > li.active > a:focus, .ulNavChangeGroup > li.active > a:hover {
    background-color: transparent;
    text-decoration: underline;
    border: 0px;
    color: #de8500;
    font-weight: bold;
    cursor: pointer;
}